<template>
  <div class="container">
    <el-tabs type="border-card">
      <el-tab-pane v-for="(item,index) in data.categorys" :label="item.category">
        <ImgList :id="item.old_id" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive, onMounted } from "vue"
import http from '../util/http'

import ImgList from "../components/ImgList.vue"

let data: any = reactive({
  categorys: []
})
onMounted(() => {
  http.get('http://wp.birdpaper.com.cn/intf/getCategory').then(res => console.log(data.categorys = res.data))
})
</script>

<style>
.container {
  padding: 20px;
}
</style>